<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<style>
#repl_main{
	width:900px;
	height:auto;
	margin:0 auto;
	margin-top:10px;
}
#repl_dashed_line{
	width:900px;
	border-top: 1px dashed #dddddd;
}
#repl_top{
	text-align:center;
}
#repl_top_text{	
	font-size: 13px;
	font-weight:bolder;
	color: #333333;
	padding: 10px 0px 5px 0px;	
}
#repl_top_text2{	
	font-size: 11px;
	color: #888888;
	padding: 0px 0px 10px 0px;	
}
#repl_box, #repl_regi_btn{
	display: inline-block;
	vertical-align: middle;
}
/*-----댓글버튼-------  */
#btnComment{
	width: 80px;
	height: 40px;
	color: #ffffff;
	font-weight:bold;
	background-color: #c21504;
	border:none; padding:3px 5px;cursor:pointer;
}

#repl_input{
	/* margin: 0 auto; */
	text-align: center;
	margin-top:10px;
}
#repl_list{
	width:700px;
	margin-top:20px;
	text-align: center;	
}
#repl_solid_line{
	width:700px;
	clear:both;
	border-top: 1px solid #dddddd;
}
#repl_writer, #repl_content{
	display:inline-block;
	vertical-align: middle;
}
#repl_writer, #repl_content,#repl_writer1{
	width:96px;
	float:left;
	padding: 3px;
	font-size: 12px;
	color: #333333;
	font-weight: bold;
	background-color: #dddddd;
}
#repl_content{
	padding-left:200px;
}
#repl_content1{
	width:744px;
	padding: 3px;
	float:left;
	font-size: 12px;
	color: #777777;
	background-color: #ffddff;
}
#repl_writer1, #repl_content1{
	display:inline-block;
	vertical-align: middle;
}



</style>

</head>
<body>
<div id="repl_main">
	<div id="repl_top">
		<div id="repl_dashed_line"></div>
		<div id="repl_top_text">COMMENT</div>
		<div id="repl_top_text2">코멘트 댓글을 입력해주세요.</div>
		<div id="repl_dashed_line"></div>
	</div>	
	<div id="repl_input">
		<div id="repl_box"><textarea rows="4" cols="80"></textarea></div>
		<div id="repl_regi_btn"><input id="btnComment" type="button" value="등록"></div>	
	</div>
	<div id="repl_list" align="center">
		<div id="repl_solid_line"></div>
		<div id="repl_writer">이름</div>
		<div id="repl_content">내용</div>
		<div id="repl_solid_line"></div>
		
		<div id="repl_writer1">박현정</div>
		<div id="repl_content1">안녕하십니까~ 호갱님~? 반갑습니다~</div>
		<div id="repl_writer1">박현정</div>
		<div id="repl_content1">안녕하십니까~ 호갱님~? 반갑습니다~</div>
		
	</div>
</div>

</body>
</html>